<template>
    <el-container>
        <el-header>
           <Header></Header>
        </el-header>
        <el-container>
            <el-aside width="200px">
                <Leftnav></Leftnav>
            </el-aside>
            <el-main id="main">
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>

</template>

<script>
import Leftnav from '../components/Leftnav'
import Header from '../components/Header'

export default {
  name: 'index',
  components: {
      Leftnav,
      Header
  },

}
</script>
<style scoped lang="less">
    @import"../assets/css/Leftnav.css";
    @import"../assets/css/Herder.css";
    @import"../assets/css/Main.css";
    .el-header{
        margin:0;
        padding:0;
    }
    .el-aside{
        padding-bottom: -60px;
        background-color: rgb(84, 92, 100);
    }
    /*.el-header{
        background-color: #545c64;
        color: #ffffff;
        line-height: 60px;
    }
    .el-aside{
        !*background-color: #D3DCE6;*!
        background-color: pink;
        color: #333;
        text-align: center;
        line-height: 160px;
    }
    .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: center;
    }*/
</style>
